﻿@import url("../global_2-1.css");
/* Kaiser Elektrotechnik design by eggynet */

/* @group Global */

body{
font-family: Verdana, Arial;
color: #333333;
background-color: #FEF9CF;
}

STRONG {
/* Alle Angaben Standard, bei Bedarf Farbe ändern*/	
	color: #333333;
	    }

h1 {
/* Alle Angaben Standard, bei Bedarf Farbe ändern*/		
	color: #926F10;
	margin-bottom: 15px;
	font-size: 1em;
	border-bottom: 1px dashed #926F10;
	}

h2 {
/* Alle Angaben Standard, bei Bedarf Farbe ändern*/		
	color: #333333;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 0.9em;
	}
    
h3 {
/* Alle Angaben Standard, bei Bedarf Farbe ändern*/		
	color: #333333;
	font-size: 0.8em;
	    }
	    
h4, h5, h6 {
/* Alle Angaben Standard, bei Bedarf Farbe ändern*/		
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 0.75em;
	    } 

a {
/* Farbangabe erforderlich, Standard lediglich text decoration:underline*/	
	color: #333333;
		}

a:hover {
/* Standardangabe text-decoration:none*/	
	}	

  acronym
   {
   cursor: text;
   border: none;
	}
	
ol{
	list-style-type:decimal;
	margin:0 1.5em 1.5em 1.5em;
	}

/* @end */

/* @group Container */
#container {
	width: 970px;
	background: url(images/bg_container-1.jpg) repeat-y;
}

/* @end */

/* @group Header */
#header {
	height: 160px;
	width: 970px;
	background: url(images/header-1.jpg) no-repeat;
	margin: 0 0 25px;
	}

/* @end */

/* @group Kontaktformular */
/* Anpassung Schritgröße Kontaktformular, wenn Content Size kleiner als 1em */ 
#kontaktformular_box legend, .formbox3, #kontaktformular_box p {
font-size: 0.81em;
	}
#kontaktformular_box {
	width: 98%;
     margin-top: 20px;
     	      }

/* @end */


/* @group Search Breadcrumb Box*/

#search_breadcrumb_box {
	width: 950px;
	left: 0;
	position: relative; /* wichtig für nachfolgend absolut positionierte Elemente */
	display: block;
	height: 25px; /* Standardeinstellung, Änderung über main */
	clear: both;
	margin: 0 10px 20px; /* margin top u. botton, positionierung über left u. top */
	}	

/* @end */

/* @group Search */
	/* Gesamte Search Box - Positionen festlegen absolut */	
#search {
	position: absolute;
	top: -65px;
	right: 15px;
	display: block;
	font-size: 0.9em;
	background-color: white;
	}

/* Wrapper um Box sorgt für gleichmäßiges Padding und Border */	
#search .search-wrapper  {
	background-color: white;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border: 1px solid silver;
	}
#search .search-wrapper:hover {
	border: 1px dashed silver;
	background-color: white;
	}
	* html #search .search-wrapper { /* Nur IE6 */
     width: 13em;
     margin-left: -4px;
  	}
	
	
#search legend{
	display: none;
	}
	
#search fieldset {
	border: none;
	}	
	
#search label {
	display: none;
	}
	
	/* Suchfeld */	
#search form.suchen input.text{
	float: left;
	margin-left: 0.31em; /* 5px */
	margin-right: 0.31em; /* 5px */
	width: 7.5em;
	border: none;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font-size: 0.8em;
	background: white url(../../images/icon_bestellungen_ansehen-1.gif) no-repeat 2px center;
	padding-left: 22px;
	outline: none;
	}
	
	/* Button - individuelle Gestaltung */	
	#search form.suchen input.submit{
	border: none;
	color: white;
	background-color: white;
	vertical-align: middle;
	background: #365F9D;
	width: 4em; 
	margin-right: 0.31em; /* 5px */
	font-size: 0.8em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	}
	
	/* Suchfeld hover - individuelle Gestaltung */	
	#search form.suchen input.submit:hover{
	background: #454545;
	font-size: 0.8em;
	cursor: pointer;
	}	

/* @group Breadcrumb */
#breadcrumb  {
	left: 250px;
	font-size: 0.9em;
	/* bei Bedarf andere Farbe */
	}
		
/* @end */
/* @group Container Styleswitcher Warenkorb */

#styleswitcher_basket_box {
	display: block;
	width: 970px;
	height: 15px;
		
	}
#basket {
	font-size: 0.9em;
	display: block;
	padding-right: 20px;
	padding-top: 5px;
}	
/* Link zum Warenkorb mit Symbol */
.basket_1, .basket_1 a  {
color: #293644; 
	}	
	
/* @end */

/* @end */

/* @group Sidebar */
#sidebar {
	width: 220px;
	left: 20px;
	top: 2px;
	padding-bottom: 100px;
	z-index: 2;
}
	
 /* @end */

/* @group Navi Left */
/* Formatierung für gesamten Navi_left Bereich (Breite!,Schriften, BG-Colors etc. */
ul#navi_left abbr
    {
    cursor: help;
   border: none;
	}

#navi_left {
	left: 0; /* keine top-Angabe! Netscape! */	
	width:220px;
	font-size: 1em;
	text-align: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid silver;
	}


/*	Formatierung für den gesamten UL Bereich der 1. Ebene */	
 ul#navi_left {
	font-weight: normal;
	}
* html ul#navi_left { /* Wichtig für Underline Navi gesamt im IE6 */
     width: 100%;
      }

/*	Formtierung für den einzelnen li Bereich der 1. Ebene, z.B. andere border Farbe, padding etc. */	
ul#navi_left a {
	display: block;
	margin: 0;
	line-height: normal;
	font-size: 0.9em;
	color: #191919;
	border-top: 1px solid silver;
	text-decoration: none;
	padding: 4px 5px 4px 20px;
	}
	
/*	wichtig für den IE (wirkt wie min-height) */
* html #navi_left a {
	height: 1em;
	}

ul#navi_left a:hover {
	color:maroon;
	}

/*	2. Ebene */	
/*	Formatierung für den gesamten ul Bereich */	
ul#navi_left ul  {
	 }
/*	Formtierung für den einzelnen li Bereich, z.B. andere border Farbe */	
ul#navi_left ul li { 

}			
/*	Formtierung für 
alle links der 2. Ebene */
ul#navi_left ul li a {
	border-top: 1px dashed silver;
	
	}	
/*	Formtierung für 
alle hover der 2. Ebene */
ul#navi_left ul li a:hover {
	
	 }

* html ul#navi_left li { 
/* Korrekturen fuer IE 5.x */
/*width: 205px;*/
/*w\idth: 205px;*/
padding-left: 0;
padd\ing-left: 0;
float: left;
}

/* @end */

/* @group Content */
#content {
	width: auto;
	margin-left: 260px;
	padding-right: 30px;
	padding-left: 0;
	text-align: left; 
	margin-top: 0;
	color: #333;
	}

#contentinhalt{
	margin: 0 0 10em;
	}
#left {
	width: 470px;
	}
#right {
	width: 190px;
	}

	  
	#content p, ol, kbd{
	font-size: 0.81em;
	line-height: 1.5em;
	}
	
#content ul  {
	font-size: 0.81em;
	line-height: 1.8;
	margin-left: 15px;
	list-style-position: outside;
	margin-top: 10px;
	margin-bottom: 10px;
}	
			
.underline {
	border-top: 1px solid silver;
	}
	
#left img{
	max-width: 100%;
	}

	
.right:link {
	padding-right: 5px;
	text-decoration: underline;		
	}
.right:active {
text-decoration: underline;
	}
	
.right:hover {
text-decoration: none;
	}
.float1, .float2, .centerimage {
border: none;
	}

/* @end */


/* @group Seitenanfang Drucken Box */
#seitenanfang_drucken_box {
	right: 30px;
	top: -25px; 
	}

/* @end */

/* @group Footer */
#footer {
	width: 970px;
	height: 70px;
	background: url(images/footer-1.jpg) no-repeat;
	font-size: 0.8em;
	text-transform: uppercase;
}
	
	#footer p 
	{
	color: #333;
	padding-top: 20px;
	}
			
#footer a {
	color: #333;
	}
	
/* @end */

/* @group Spezielle Änderungen */

#footer_extra {
	display: block;
	position: absolute;
	height: 71px;
	width: 200px;
	left: 20px;
	top: -80px;
	background: url(images/logistisch200px.jpg) no-repeat;
	z-index: 1;
	}


/* Tabellen */
table{
	width:100%;
	margin: 25px auto 0px;
	border-collapse:collapse; border-spacing:0;
	font-size: 0.9em;
	}
td{
	height:2em;
	}
th, td, tr {
	text-align: left;
	vertical-align: top;
	}
.tableheadlineleft {
	background-color: white;
	border-bottom: silver 1px solid;
	text-align: left;
	padding: 0.5em 0.5em 1em;
	}	
.tableheadline {
	background-color: white;
	border-bottom: silver 1px solid;
	text-align: center;
	padding: 0.5em 0.5em 1em;
	border-left: silver 1px solid;
	}
.thleft {
	background-color: #f4f4f4;
	border-bottom: silver 1px solid;
	text-align: left;
	padding: 0.5em;
	font-weight: normal;
	}
.thleft2 {
	background-color: white;
	border-bottom: silver 1px solid;
	text-align: left;
	padding: 0.5em;
	font-weight: normal;
	}		
.td1 {
	background-color: #f4f4f4;
	border-bottom: silver 1px solid;
	border-left: silver 1px solid;
	text-align: center;
	padding: 0.5em;
	font-weight: normal;
	}	
.td2 {
	background-color: white;
	border-bottom: silver 1px solid;
	border-left: silver 1px solid;
	text-align: center;
	padding: 0.5em;
	font-weight: normal;
	}
.td_gesamt {
	background-color: #e6e6e6;
	border-bottom: silver 1px solid;
	border-left: silver 1px solid;
	text-align: center;
	padding: 0.5em;
	font-weight: normal;
	}		
	

/* @end */




